<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>热门活动页面</title>
</head>
<body>
<style>
    ul{
        list-style: none;
    }
    ul>li{
        float: left;
        padding: 5px;
    }
</style>
<div style="width: 700px">
    <div style="height: 100px">
        <h2 style="float: left">热门活动</h2>
        <h2 style="float: right">更多</h2>
    </div>

    <ul>
        <li><img src="img/img1.png" alt="">
            <p>推荐活动 | 原创音乐现金榜T榜
            </p>
        </li>
        <li><img src="img/img2.png" alt="">
            <p>推荐节目|《TAImusic》爆笑来袭
            </p>
        </li>
        <li><img src="img/img3.png" alt="">
            <p>推荐歌单 | 继续宠爱张国荣
            </p>
        </li>
        <li><img src="img/img4.png" alt="">
            <p>
                推荐活动| 330金属音乐巡演 成都小酒馆音乐</p>
        </li>
    </ul>
</div>
<script>
    //js javascript
    console.log("HelloWorld");
    document.write("HelloWorld")
</script>
</body>
</html>